<template>
	
	<div class="contentRight" style='margin-left: 200px;'>
    	<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"  >
		  <el-menu-item index="1">门店商品</el-menu-item>
		</el-menu>
		<div style="min-height: 837px;">
		<el-container>
            <el-main>
              <Card style="margin-top:20px ;">
								<div style="min-height: 200px">
									<div style='text-align: left'>
										<span>商品筛选：</span>
											<el-select  placeholder="请选择" style="width: 100px;">
													<el-option>MC</el-option>
													<el-option>MC</el-option>
													<el-option>MC</el-option>
											</el-select>
											<div style="width: 150px;display: inline-block;">
												<el-input placeholder="请输入商品名"></el-input>
											</div>
									</div>
									<div style='text-align: left;margin-top: 20px'>
											<span>商品筛选：</span>
												<el-select  placeholder="请选择" style="width: 100px;">
														<el-option>MC</el-option>
														<el-option>MC</el-option>
														<el-option>MC</el-option>
												</el-select>
												<span>商品筛选：</span>
												<el-select  placeholder="请选择" style="width: 100px;">
														<el-option>MC</el-option>
														<el-option>MC</el-option>
														<el-option>MC</el-option>
												</el-select>
												<span>商品筛选：</span>
												<el-select  placeholder="请选择" style="width: 100px;">
														<el-option>MC</el-option>
														<el-option>MC</el-option>
														<el-option>MC</el-option>
												</el-select>
										</div>
										<div style='text-align: left;margin-top: 20px'>
												<el-button type="primary">筛选</el-button>
												<el-button>导出报表</el-button>
												<el-button>查看报表</el-button>
												<a >清空筛选条件</a>
                    </div>
								</div>
              </Card>
              <Card>
                <div style="min-height: 200px">
                	<el-table
										ref="multipleTable"
										:data="tableData3"
										tooltip-effect="dark"
										style="width: 100%"
										@selection-change="handleSelectionChange">
										<el-table-column
											type="selection"
											width="55">
										</el-table-column>
										<el-table-column
											label="日期"
											width="120">
											<template slot-scope="scope">{{ scope.row.date }}</template>
										</el-table-column>
										<el-table-column
											prop="name"
											label="姓名"
											width="120">
										</el-table-column>
										<el-table-column
											prop="address"
											label="地址"
											show-overflow-tooltip>
										</el-table-column>
										<el-table-column
											prop=""
											label="操作"
											width="120">
											<template slot-scope="scope">
													<el-button @click="" type="text" size="small">查看</el-button>
													<el-button type="text" size="small">编辑</el-button>
												</template>
										</el-table-column>
									</el-table>
									<div style="text-align: left">
									    <el-button>下架</el-button>
											<el-button>删除</el-button>
											<el-button>批量设置</el-button>
									</div>
									<div style="margin-top: 20px">
											<el-button @click="toggleSelection([tableData3[1], tableData3[2]])">切换第二、第三行的选中状态</el-button>
											<el-button @click="toggleSelection()">取消选择</el-button>
										</div>
                </div>
              </Card>
            </el-main>
		</el-container>
		</div>
    </div>
</template>


<script>
	export default{
		data(){
			return{
				activeIndex: '1',
			}
		}
	}
</script>

<style>
</style>